<!doctype>
<html>
<head>
	<title>Studio 帮助:: 快速入门指南</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="style.css"/>
</head>
<body>
<div class="container header">
		<div class="internal">
			<a href="http://studio.bricklink.com"><img src="img/studio_logo-horizontal-dark.svg"/></a> <span>:: 帮助页面</span>
		</div>
	</div>
	<div class="container">
		<div class="internal">
			<div class="sidebar">
				<div class="sidebar__title">
					关于 Studio
				</div>
				<ul>
					<li><a href="introduction.html">介绍</a></li>
					<li><a href="keyboard-shortcuts.html">快捷键</a></li>
				</ul>
				<div class="sidebar__title">
					入门
				</div>
				<ul>
					<li><a href="starting-a-project.html">启动一个项目</a></li>
					<li><a href="controlling-the-camera.html">控制视角</a></li>
                    <li><a href="building-palette.html">零件库</a></li>
					<li><a href="placing-and-moving-parts.html">放置和移动零件</a></li>
					<li class="active"><a href="using-the-building-tools.html">使用搭建工具</a></li>
					<li><a href="choosing-part-colors.html">选择零件的颜色</a></li>
					<li><a href="assigning-parts-to-steps.html">把零件分配到步骤</a></li>
				</ul>
				<div class="sidebar__title">
					进阶技巧
				</div>
				<ul>
					<li><a href="manual-mode.html">手动模式</a></li>
					<li><a href="submodels.html">模块分组</a></li>
					<li><a href="connectivity-grid.html">吸附性和网格</a></li>
				</ul>
				<div class="sidebar__title">
					后续处理
				</div>
				<ul>
					<li><a href="render-creation.html">渲染模型</a></li>
					<li><a href="upload-creation.html">上传模型</a></li>
					<li><a href="buy-creation.html">购买模型</a></li>
				</ul>
			</div>
			<div class="main-content">
				<div class="title-row">
					<h1>使用搭建工具</h1>
				</div>
				<div class="text-row">
					<strong>搭建工具</strong>
					<p>在界面顶部，有主要的几个搭建工具：Select（选择），Hinge（旋转），Clone（复制）和 Hide（隐藏）.</p>
				</div>
				<div class="image-row">
					<img class="center-image" src="img/using-tools/tool-bar.png"/>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>按属性选择</h2>
						<ol>
							<li>
								点击<strong>Select</strong>图标旁边的箭头<img src="img/using-tools/select-tool.png"/>
							</li>
							<li>
								点击相应的选项，各个选项会对你下一个选择的零件有如下操作：
								<div class="icon-block">
									<div class="icon-block__icon">
										<img src="img/using-tools/selectcolor.png"/>
									</div>
									<div class="icon-block__content">
										<p class="icon-block__content-title"><strong>Select by color</strong></p>
										<p>选择所有与被选择的零件颜色相同的零件</p>
									</div>
								</div>
								<div class="icon-block">
									<div class="icon-block__icon">
										<img src="img/using-tools/selecttype.png"/>
									</div>
									<div class="icon-block__content">
										<p class="icon-block__content-title"><strong>Select by type</strong></p>
										<p>选择所有与被选择的零件形状相同的零件</p>
									</div>
								</div>
								<div class="icon-block">
									<div class="icon-block__icon">
										<img src="img/using-tools/selecttypecolor.png"/>
									</div>
									<div class="icon-block__content">
										<p class="icon-block__content-title"><strong>Select by type and color</strong></p>
										<p>选择所有与被选择的零件形状和颜色都相同的零件</p>
									</div>
								</div>
								<div class="icon-block">
									<div class="icon-block__icon">
										<img src="img/using-tools/selectconnected.png"/>
									</div>
									<div class="icon-block__content">
										<p class="icon-block__content-title"><strong>Select by connected</strong></p>
										<p>选择所有与被选择的零件连接的零件</p>
									</div>
								</div>
							</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/select-options.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>选择和当前选择零件集合相反的零件</h2>
						<ol>
							<li>点击<strong>Select</strong>图标旁边的箭头，进入高级选择选项</li>
							<li>点击 "<strong>Invert Selection</strong>"</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/invert-selection.png"/>
					</div>
				</div>
				<div class="notice">
					<div class="notice__icon notice__icon--tip"></div>
					<div class="notice__icon-content">
						<div>
							（译注：按住 <code>ctrl</code> 可以选择多个零件）
						</div>
					</div>
				</div>
				<div class="mixed-row mixed-row--has-child">
					<div class="mixed-row__col">
						<h2>根据连接情况旋转选中部分</h2>
						<ol>
							<li>点击<strong>Hinge</strong>工具<img src="img/using-tools/hinge.png"/>或默认情况下按下 “H” 键</li>
							<li>选取你想要旋转的零件（可以选择多个）</li>
							<li>选取你想要旋转的方向（点击蓝色箭头）</li>
                            <li>拖动红色指示线以旋转，或者在输入框中输入角度</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/rotate-selection.png"/>
					</div>
				</div>
				<div class="mixed-row mixed-row--has-child">
					<div class="mixed-row__col">
						<p><I>对于选中的部分，如果有多个可用的铰接，你必须先选取其中一个</I></p>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/rotate-selection_multiple.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>复制选中的部分</h2>
						<ol>
							<li>点击<strong>Clone</strong>工具<img src="img/using-tools/clone-tool.png"/></li>
							<li>选取你要复制的零件（可以选择多个）</li>
							<li>点击一个位置，复制后的零件将会被放置于此</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/clone-selection.png"/>
					</div>
				</div>
				<div class="mixed-row">
					<div class="mixed-row__col">
						<h2>隐藏选中的部分</h2>
						<ol>
							<li>点击<strong>Hide</strong>工具<img src="img/using-tools/hide-tool.png"/></li>
							<li>选取你要隐藏的零件</li>
							<li>你可以通过点击右上角的 “Show All” 取消隐藏</li>
						</ol>
					</div>
					<div class="mixed-row__col">
						<img src="img/using-tools/hide-selection.png"/>
					</div>
				</div>
				<div class="notice">
					<div class="notice__icon notice__icon--tip"></div>
					<div class="notice__icon-content">
						<div class="margin-bottom">
							在使用一个工具前，选取多个零件，可以组合它们的效果
						</div>
						<img src="img/using-tools/multiple-select-hinge.png"/>
					</div>
				</div>


				<div class="main-content__footer">
					<div class="main-content__footer-left">
						<a href="placing-and-moving-parts.html">&lt; 上一篇教程</a>
						<p>放置和移动零件</p>
					</div>
					<div class="main-content__footer-right">
						<a href="choosing-part-colors.html">下一篇教程 &gt;</a>
						<p>选择零件的颜色</p>
					</div>
				</div>
			</div>

		</div>
	</div>
</body>
</html>
